.mycredits{
    height: 72px;
    display: flex;
    font-size: 20px;
    color: #acaaaa;
    flex-flow: row wrap;
    /* 设置对齐方式*/
    justify-content: center;
    /* 设置辅轴方向的对齐方式*/
    align-content: center;
}
/* 设置外层容器 */
.outer-wrapper,
.button{
    display: flex;
    margin: 0 auto;
    margin-top: 25px;
    width: 75%;
    /* border: 1px solid white; */
    /* background-color: #bfa; */
    flex-flow: row wrap;
    /* 设置对齐方式*/
    justify-content: space-between;
    /* 设置辅轴方向的对齐方式*/
    align-content: space-evenly;
}

.outer{
    width: 240px;
    margin: 100px 54px;
    border: 2px solid;
    /* 设置阴影 */
    box-shadow: 0 0 10px rgba(53, 35, 35, 1);
    background-color: white;
}
.outer:hover{
    /* 设置浮起和阴影 */
    border: aqua 2px solid;
    transform: translateY(-3px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
/* 设置图片 */
.img-wrapper img{
    /* 设置和父元素宽度一样，只需要设置宽度，高度跟着自动调了 */
    width: 100%;
    /* 去除图片边框下方空隙 */
    vertical-align: bottom;
}
.info{
    padding:0 18px ;
    color: #acaaaa;
    font-size: 14px;
}
/* 设置标题 */
.info .title{
    color: #717171;
    font-size: 22px;
    margin: 13px 0 15px 0;
}

.info .category i{
    margin-left: 4px;
    margin-right: 7px;
}
/* 设置简介的样式 */
.info .intro{
    margin-top: 18px;
    margin-left: 4px;
    margin-bottom: 18px;
    margin: 13px 0 15px 0;
    line-height: 20px;
}
/* 设置下边的内容 */
.button-wrapper{
    height: 46px;
    line-height: 46px;
    border-top: 1px solid #e9e9e9;
    margin-top: 16px;
}
.button-wrapper span{
    font-size: 13px;
    margin-left: 20px;
}
.button-wrapper span>span{
    margin-left:0px; 
}
.button-wrapper a,
.button a{
    float: right;
    margin: 0 20px;
}
/* 设置按钮 */
.button{
    justify-content: flex-end;
    border: none;
}
.button input{
	height: 30px;
    font-size: 15px;
    border-radius: 10px;
    background-color: #CDDCDC;
    background-color: #E4E4E1;
    background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
}